﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>时间选择</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrom=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="福建省食品药品监督管理局后台管理" />
    <meta name="keywords" content="后台管理，福建省食品药品监督管理局，福建省食药监督局，福建省市场监督管理局" />
    <meta name="author" content="mmcai" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

    <link href="../assets/css/style.css" rel="stylesheet" />
    <!--[if lt IE 9]>
    <script src="js/BsIE/html5shiv.js"></script>
    <script src="js/BsIE/respond.js"></script>
    <![endif]-->

</head>
<body>
    <div class="page-wraper">
        <h3 class="page-title">时间选择</h3>
        <div class="page-bar">
            <ul class="page-breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="#">首页</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li class="active"> 时间选择</li>
            </ul>
        </div>

        <div class="page-filter">
            <div class="form-inline">
                <div class="form-group form-datetime">
                    <div class="startTime input-time">
                        <input type="text" class="input mini" data-name="startTime" data-mui-datepicker placeholder="开始时间" />
                        <i class="fa fa-calendar"></i>
                    </div>
                    <label class="text-join">到</label>

                    <div class="endTime input-time am-input-group">
                        <input type="text" class="input mini" data-name="endTime" data-mui-datepicker placeholder="结束时间" />
                        <i class="fa fa-calendar"></i>
                    </div>
                </div>
            </div>
            <div class="btn-bar">
                <button class="btn btn-primary btn-filter" type="submit">搜索</button>
            </div>
        </div>



        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="panel-title">时间选择代码</div>
            </div>
            <div class="panel-body">
                <pre>
                <code data-language="html">
//时间选择——包含开始和结束时间，在表格搜索当中的HTML代码如下。
<div class="page-filter">
    <div class="form-inline">

        <div class="form-group form-datetime">
            <div class="startTime input-time">
                <input type="text" class="input mini" data-name="startTime" data-mui-datepicker placeholder="开始时间" />
                <i class="fa fa-calendar"></i>
            </div>
            <label class="text-join">到</label>
            <div class="endTime input-time am-input-group">
                <input type="text" class="input mini" data-name="endTime" placeholder="结束时间" />
                <i class="fa fa-calendar"></i>
            </div>
        </div>

    </div>
</div>
//要想调用时间选择插件，为文本输入框添加"data-mui-datepicker" 属性就可以了，
通过获取文本框的val值，就可以得到时间值，时间格式 2014-10-15，年月日使用横杠-分开
</code>
</pre>
            </div>
        </div>

    </div>

    <!--JS 代码-->
    <script src="../assets/js/plugins/jquery.1.8.3.js"></script>
    <script src="../assets/js/plugins/jquery.mui.js"></script>
    <script src="../assets/js/plugins/mui.datepicker.js"></script>
    <script src="../../assets/js/plugins/rainbow-custom.min.js"></script>
</body>
</html>
